<template>
    <view>
        <up-navbar title="返现记录" :safeAreaInsetTop="true" bgColor="transparent" :placeholder="true">
			<template #left>
				<view class="flex px-[24rpx] py-[16rpx] border-[1rpx] border-slate-200 rounded-[38rpx]">
					<up-icon name="arrow-left" size="19" @click="goback" color="#fff"></up-icon>
					<up-line direction="column" :hairline="false" length="16" margin="0 8px"></up-line>
					<up-icon name="home" size="20" @click="gohome" color="#fff"></up-icon>
				</view>
			</template>
		</up-navbar>
        <view class="mx-[38rpx] my-[48rpx]">
            <view class="mb-[28rpx]">
                <view class="flex justify-between items-center mb-[8rpx]">
                    <view class="text-[28rpx] text-[#333] font-bold">商家返现</view>
                    <view class="text-[28rpx] text-[#333] font-bold">￥50.00</view>
                </view>
                <view class="flex items-center">
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">商家名称</view>
                    <view class="w-[10rpx] h-[10rpx] mx-[12rpx] bg-[#545454] rounded-[5rpx]"></view>
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">返现时间 2024/04/09 23:06</view>
                </view>
            </view>
            <view class="mb-[28rpx]">
                <view class="flex justify-between items-center mb-[8rpx]">
                    <view class="text-[28rpx] text-[#333] font-bold">邀请返利</view>
                    <view class="text-[28rpx] text-[#333] font-bold">￥50.00</view>
                </view>
                <view class="flex items-center">
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">用户名称</view>
                    <view class="w-[10rpx] h-[10rpx] mx-[12rpx] bg-[#545454] rounded-[5rpx]"></view>
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">返现时间 2024/04/09 23:06</view>
                </view>
            </view>
            <view class="mb-[28rpx]">
                <view class="flex justify-between items-center mb-[8rpx]">
                    <view class="text-[28rpx] text-[#333] font-bold">提现</view>
                    <view class="text-[28rpx] text-[#333] font-bold">-￥50.00</view>
                </view>
                <view class="flex items-center">
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">用户名称</view>
                    <view class="w-[10rpx] h-[10rpx] mx-[12rpx] bg-[#545454] rounded-[5rpx]"></view>
                    <view class="text-[24rpx] text-[#6d6d6d] font-normal">返现时间 2024/04/09 23:06</view>
                </view>
            </view>
        </view>
    </view>
</template>

<script setup>
function goback(){
	uni.navigateBack()
}
function gohome(){
	uni.switchTab({
		url:'/pages/index/index'
	})
}
</script>

<style lang="scss" scoped>

</style>